<template>
    <div>
        <div class="userInfo padding-top-60 padding-left-40">
            <h2>{{title}}</h2>
            <el-container style="margin:40px auto;">
                <el-table
                    :data="tableData"
                    style="width:100%; 
                    text-align:center"
                    >
                    <el-table-column
                        prop="date"
                        label="产品"
                        width="180"
                        align="center"
                        >
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="投资金额"
                        width="180"
                        align="center"
                        >
                    </el-table-column>
                    <el-table-column
                        prop="result"
                        label="结果"
                        align="center"
                        >
                    </el-table-column>
                    <el-table-column
                        prop="percent"
                        label="百分比"
                        align="center"
                        >
                    </el-table-column>
                    <el-table-column
                        prop="profit"
                        label="收益"
                        align="center"
                        >
                    </el-table-column>


                </el-table>
            </el-container>
        </div>
    </div>
</template>

<script>
export default {
    name: 'HisOrder',
    data () {
        return {
            title: '历史交易记录',
            tableData: [{
                    date: '2016-05-02',
                    name: '王小虎',
                    result: '上海市普陀区金沙江路 1518 弄',
                    percent: '50%',
                    profit: '曾经的你'
                }, {
                    date: '2016-05-04',
                    name: '王小虎',
                    result: '上海市普陀区金沙江路 1517 弄',
                    percent: '50%',
                    profit: '曾经的你'
                }, {
                    date: '2016-05-01',
                    name: '王小虎',
                    result: '上海市普陀区金沙江路 1519 弄',
                    percent: '50%',
                    profit: '曾经的你'
                }, {
                    date: '2016-05-03',
                    name: '王小虎',
                    result: '上海市普陀区金沙江路 1516 弄',
                    percent: '50%',
                    profit: '曾经的你'
            }]
        }
    }
}
</script>

<style lange='less' scoped>

</style>


